/*
 * @Author: yuanxiang 
 * @Date: 2018-05-11 16:51:57 
 * @Last Modified by:   yuanxiang 
 * @Last Modified time: 2018-05-11 16:51:57 
 */
<template>
	<!-- <div v-on:mouseenter="toggleClick"> -->
	<div @click="toggleClick" v-on:mouseenter="toggleClick">
		<img src="../../../static/img/hanburger.png"/>
	</div>
</template>

<script>
export default {
  name: "hamburger",
  props: {
    isActive: {
      type: Boolean,
      default: false
    },
    toggleClick: {
      type: Function,
      default: null
    },
    fill: {
      type: String,
      default: null
    }
  }
};
</script>

<style scoped>
.hamburger {
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  transform: rotate(0deg);
  transition: 0.38s;
  transform-origin: 50% 50%;
}

.hamburger.is-active {
  transform: rotate(90deg);
}
</style>
